calendar: Center align "No Notifications" text

The "No Notifications" placeholder was left-aligned instead of
centered, which looked unbalanced in the empty notification state.
Fix by centering the label.

Closes: https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/8913
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/4005>
(cherry picked from commit 8efd2ec8b9c62cac7e875bc8d7b596b2b1f90f7c)

diff --git a/js/ui/calendar.js b/js/ui/calendar.js
index 4ff0540ba744496a5a5ff8bba0fed1710422e967..737a71e4bf7ea172a7e4737cc117389837d63763 100644 (file)
--- a/js/ui/calendar.js
+++ b/js/ui/calendar.js
@@ -770,7 +770,10 @@ class Placeholder extends St.BoxLayout {
         this._icon = new St.Icon({icon_name: 'no-notifications-symbolic'});
         this.add_child(this._icon);
 
-        this._label = new St.Label({text: _('No Notifications')});
+        this._label = new St.Label({
+            text: _('No Notifications'),
+            x_align: Clutter.ActorAlign.CENTER,
+        });
         this.add_child(this._label);
     }
 });